<template>
  <div class="layout3-main-slide">
    <Menu @on-select="select"
          :theme="theme2"
          :open-names="['1']"
          active-name="1"
          accordion>
      <MenuItem name="1">
      <Icon type="ios-people" /> 用户管理
      </MenuItem>
      <MenuItem name="2">
      <Icon type="ios-paper" /> 问卷管理
      </MenuItem>
      <MenuItem name="3">
      <Icon type="ios-text" /> 高频词汇管理
      </MenuItem>
      <MenuItem name="4">
      <Icon type="ios-ribbon" /> 教学直播成果管理
      </MenuItem>
      <MenuItem name="5">
      <Icon type="ios-trophy" /> 案例联席研练成果管理
      </MenuItem>
      <MenuItem name="6">
      <Icon type="ios-create" /> 教学评价管理
      </MenuItem>
      <MenuItem name="7">
      <Icon type="ios-checkbox" /> 评分项管理
      </MenuItem>
      <MenuItem name="8">
      <Icon type="ios-videocam" /> 教学直播开课
      </MenuItem>
      <MenuItem name="9">
      <Icon type="logo-youtube" /> 案例联席研练开课
      </MenuItem>
      <MenuItem name="10">
      <Icon type="md-home" /> 返回首页
      </MenuItem>
      <!-- <Submenu name="3">
            <template slot="title">
                <Icon type="ios-stats" />
                统计分析
            </template>
            <MenuGroup title="使用">
                <MenuItem name="3-1">新增和启动</MenuItem>
                <MenuItem name="3-2">活跃分析</MenuItem>
                <MenuItem name="3-3">时段分析</MenuItem>
            </MenuGroup>
            <MenuGroup title="留存">
                <MenuItem name="3-4">用户留存</MenuItem>
                <MenuItem name="3-5">流失用户</MenuItem>
            </MenuGroup>
        </Submenu> -->
    </Menu>
  </div>
</template>
<script>
export default {
  data () {
    return {
      theme2: 'light'
    }
  },
  methods: {
    select (name) {
      switch (name) {
        case '1':
          this.$router.push({ name: 'user-management' })
          break
        case '2':
          this.$router.push({ name: 'questionnaire-management' })
          break
        case '3':
          this.$router.push({ name: 'vocabulary-management' })
          break
        case '4':
          this.$router.push({ name: 'live-management' })
          break
        case '5':
          this.$router.push({ name: 'case-management' })
          break
        case '6':
          this.$router.push({ name: 'evaluation-management' })
          break
        case '7':
          this.$router.push({ name: 'management-rating-item' })
          break
        case '8':
          this.$router.push({ name: 'live-start' })
          break
        case '9':
          this.$router.push({ name: 'case-start' })
          break
        case '10':
          this.$router.push({ name: 'home' })
          break
        default:
          break
      }
    }
  }
}
</script>





